<template>
    <div class="single-services-page area-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="page-head-left">
                        <div class="single-page-head">
                            <div class="left-menu">
                                <ul>
                                    <li class="active">
                                        <a href="#">IT Consultancy</a>
                                    </li>
                                    <li><a href="#">IT Management</a></li>
                                    <li><a href="#">Product Design</a></li>
                                    <li><a href="#">Data Security</a></li>
                                    <li><a href="#">Cloud Services</a></li>
                                    <li><a href="#">IT Support Helpdesk</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="single-page-head">
                            <div class="download-btn">
                                <div class="about-btn">
                                    <a href="#" class="down-btn"
                                        >Download Brochure
                                        <i class="fa fa-file-pdf-o"></i
                                    ></a>
                                    <a href="#" class="down-btn apli"
                                        >Download Application
                                        <i class="fa fa-file-word-o"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                        <!-- strat single area -->
                        <div class="single-page-head">
                            <div class="clients-testi">
                                <div class="single-review text-center">
                                    <div class="review-img">
                                        <img
                                            src="/img/services/r1.jpg"
                                            alt=""
                                        />
                                    </div>
                                    <div class="review-text">
                                        <p>
                                            selection consists fully of
                                            lower-cased or capital letters text
                                            maintains the amount of lines. When
                                            replacing a selection.
                                        </p>
                                        <h4>Daniyel kreg</h4>
                                        <span class="guest-rev"
                                            >Clients -
                                            <a href="#">Software</a></span
                                        >
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-8 col-sm-8 col-xs-12">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-well mar-well">
                                <a href="#">
                                    <h3>It Consultancy services</h3>
                                </a>
                                <p>
                                    When replacing a multi-lined selection of
                                    text, the generated dummy text maintains the
                                    amount of lines. When replacing a selection
                                    of text within a single line, the amount of
                                    words is roughly being maintained.When the
                                    replaced text selection consists fully of
                                    lower-cased or capital letters or begins
                                    with a capital letter, that previous casing
                                    is maintained. Furthermore, the presence or
                                    absence of a trailing punctuation mark of a
                                    replaced text selection is being maintained.
                                </p>
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-page mar-well">
                                <div class="page-img elec-page">
                                    <img src="/img/services/s1.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-well mar-well">
                                <a href="#">
                                    <h4>
                                        What kind of business you have could
                                        investment
                                    </h4>
                                </a>
                                <p>
                                    When replacing a multi-lined selection of
                                    text, the generated dummy text maintains the
                                    amount of lines. When replacing a selection
                                    of text within a single line, the amount of
                                    words is roughly being maintained.When the
                                    replaced text selection consists fully of
                                    lower-cased or capital letters or begins
                                    with a capital letter, that previous casing
                                    is maintained. Furthermore, the presence or
                                    absence of a trailing punctuation mark of a
                                    replaced text selection is being maintained.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="single-well mar-well">
                                <a href="#">
                                    <h4>Data Security analyticks</h4>
                                </a>
                                <p>
                                    When replacing a multi-lined selection of
                                    text
                                </p>
                                <ul class="marker-list">
                                    <li>Words is roughly being maintained</li>
                                    <li>
                                        Letters or begins with a capital letter
                                    </li>
                                    <li>Previous casing is maintained</li>
                                    <li>Maintains the amount of lines</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="single-page mar-well">
                                <div class="page-img elec-page">
                                    <img src="img/services/s2.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-well mar-well">
                                <a href="#">
                                    <h4>IT management system operating</h4>
                                </a>
                                <p>
                                    When replacing a multi-lined selection of
                                    text, the generated dummy text maintains the
                                    amount of lines. When replacing a selection
                                    of text within a single line, the amount of
                                    words is roughly being maintained.When the
                                    replaced text selection consists fully of
                                    lower-cased or capital letters or begins
                                    with a capital letter, that previous casing
                                    is maintained. Furthermore, the presence or
                                    absence of a trailing punctuation mark of a
                                    replaced text selection is being maintained.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="single-page">
                                <div class="page-img elec-page">
                                    <img src="/img/services/s4.jpg" alt="" />
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-sm-12 col-xs-12">
                            <div class="single-well last-content">
                                <a href="#">
                                    <h4>Cloud Services</h4>
                                </a>
                                <p>
                                    When replacing a multi-lined selection of
                                    text
                                </p>
                                <ul class="marker-list">
                                    <li>Words is roughly being maintained</li>
                                    <li>
                                        Letters or begins with a capital letter
                                    </li>
                                    <li>Previous casing is maintained</li>
                                    <li>Maintains the amount of lines</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "ServiceDetails",
};
</script>

<style scoped>
</style>
